* { margin:0; padding:0; outline: none; }
 body { background-color: #eeeedf; color: #fff; font-family: Arial, sans-serif; font-size: .72em; margin: 0; min-width: 990px; }
 a { color: #666666; font-weight: bold; text-decoration: none; }
 a:hover { color: #003d4c; text-decoration:none; }
 a img { border:none; vertical-align: middle; }
 h1, h2, h3, h4 { font-weight: normal; }
 h1 { color: #003d4c; font-size: 180%; margin: 0.1em 0; font-weight: bold; }
 h2 { font-size: 130%; }
 h3 { font-size: 120%; }
 h4 { font-weight: normal; padding-top: 0.5em; }
 hr { margin-top: 10px; margin-bottom: 10px; border: 1px solid #AAAAAA; }
 /*ul, li { margin: 0 12px; }
*/ .cake-sql-log table { background: #f4f4f4; }
 .cake-sql-log td { padding: 4px 8px; text-align: left; }
 /* Paging */ div.paging { background:#fff; color: #ccc; margin-bottom: 2em; }
 div.paging div.disabled { color: #ddd; display: inline; }
 div.paging span { }
 div.paging span.current { color: #000; }
 div.paging span a { }
 /* Scaffold View */ dl { line-height: 2em; margin: 0em 0em; width: 60%; }
 dl.altrow { background: #f4f4f4; }
 dt { font-weight: bold; padding-left: 4px; vertical-align: top; }
 dd { margin-left: 10em; margin-top: -2em; vertical-align: top; }
 /* Forms */ form { clear: both; padding: 0; /*width: 90%;*/ }
 fieldset { border: 1px solid #ccc; margin-top: 5px; margin-bottom: 10px; padding: 5px 20px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; }
 fieldset legend { background-color: #e7e7e7; border:1px solid #333333; font-size:100%; font-weight:bold; padding: 2px 4px; color: #333333; }
 fieldset fieldset { margin-top: 0px; margin-bottom: 20px; }
 fieldset fieldset legend { font-size: 110%; font-weight: normal; }
 fieldset fieldset div { clear: left; }
 form div { clear: both; vertical-align: text-top; }
 form div input { color: #444; }
 form div.input { color: #444; }
 form .required label:after, label.required:after{ content: " *"; color: #ff6434; font-size: 70%; }
 form div.submit { border: 0; clear: both; margin-top: 10px; display: inline; }
 label { vertical-align: top; display: inline; font-weight: bold; padding-right: 20px; }
 input, textarea, select { /*font-size: 90%;*/ vertical-align: middle; }
 input, textarea { padding-left: .2em; }
 textarea { }
 select { }
 select[multiple=multiple] { width: 100%; }
 option { padding: 0 5px; }
 input[type=checkbox] { }
 input[type=radio] { width:auto; margin: 0 3px 7px 0; }
 div.radio label { margin: 0 0 6px 20px; }
 input[type=image] { outline-style: none; }
 input[type=file] { font-size: .8em; }
 input.search { background-image: url(img/icon/search.png); background-color: transparent; font-size: 180%; color: teal; }
 div.flash { margin: 1em 0; clear: both; font-weight: bold; border-style: solid; padding: 5px 10px; border-width: 1px; min-height: 32px; }
 div.flash span { display: block; padding-left: 48px; }
 /* Notices and Errors */ div.message { background-color: #ffefef; margin: 2em 0; clear: both; color: #cc0000; font-size: 100%; font-weight: bold; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; padding: 5px 10px; border-width: 1px; }
 div.question { background-color: #ffffef; color: #999900; }
 div.information { background-color: #efffef; color: #000099; }
 div.success { background-color: #efffef; color: #009900; }
 div.fail { background-color: #ffefef; color: #dd0000; }
 div.fail-flash { background-color: #ffefef; color: #dd0000; margin: 1em 0; clear: both; font-weight: bold; border-style: solid; padding: 5px 10px; border-width: 1px; }
 div.error-message, span.error-message { clear: both; color: #cc0000; font-weight: bold; /*display: inline;*/ font-size: 95%; padding: 0.5em 1em; vertical-align: middle; }
 p.error { background-color: #e32; color: #fff; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }
 p.error em { color: #000; font-weight: normal; line-height: 140%; }
 .notice { background: #ffcc00; color: #000; display: block; font-family: Courier, monospace; font-size: 120%; line-height: 140%; padding: 0.8em; margin: 1em 0; }
 .success { background: green; color: #fff; }
 /* Actions */ div.actions ul { margin: 0px 0; padding: 0; }
 div.actions li { display: inline; list-style-type: none; line-height: 2em; margin: 0 2em 0 0; white-space: nowrap; }
 div.actions ul li a { background:#fff; color: #003d4c; text-decoration: none; }
 div.actions ul li a:hover { color: #333; text-decoration: underline; }
 /* Related */ div.related { clear: both; display: block; }
 /* Debugging */ pre { color: #000; background: #f0f0f0; padding: 1em; }
 pre.cake-debug { background: #ffcc00; font-size: 120%; line-height: 140%; margin-top: 1em; overflow: auto; position: relative; }
 div.cake-stack-trace { background: #fff; border: 4px dotted #ffcc00; color: #333; margin: 0px; padding: 6px; font-size: 120%; line-height: 140%; overflow: auto; position: relative; }
 div.cake-code-dump pre { position: relative; overflow: auto; }
 div.cake-stack-trace pre, div.cake-code-dump pre { color: #000; background-color: #F0F0F0; margin: 0px; padding: 1em; overflow: auto; }
 div.cake-code-dump pre, div.cake-code-dump pre code { clear: both; font-size: 12px; line-height: 15px; margin: 4px 2px; padding: 4px; overflow: auto; }
 div.cake-code-dump span.code-highlight { background-color: #ff0; padding: 4px; }
 div.code-coverage-results div.code-line { padding-left:5px; display:block; margin-left:10px; }
 div.code-coverage-results div.uncovered span.content { background:#ecc; }
 div.code-coverage-results div.covered span.content { background:#cec; }
 div.code-coverage-results div.ignored span.content { color:#aaa; }
 div.code-coverage-results span.line-num { color:#666; display:block; float:left; width:20px; text-align:right; margin-right:5px; }
 div.code-coverage-results span.line-num strong { color:#666; }
 div.code-coverage-results div.start { border:1px solid #aaa; border-width:1px 1px 0px 1px; margin-top:30px; padding-top:5px; }
 div.code-coverage-results div.end { border:1px solid #aaa; border-width:0px 1px 1px 1px; margin-bottom:30px; padding-bottom:5px; }
 div.code-coverage-results div.realstart { margin-top:0px; }
 div.code-coverage-results p.note { color:#bbb; padding:5px; margin:5px 0 10px; font-size:10px; }
 div.code-coverage-results span.result-bad { color: #a00; }
 div.code-coverage-results span.result-ok { color: #fa0; }
 div.code-coverage-results span.result-good { color: #0a0; }
div.auto_complete { position :absolute; width :250px; background-color :white; border :1px solid #888; margin :0px; padding :0px; }
 li.selected { background-color: #bbffbb; }
 table { width: 100%; clear: both; margin-bottom: 5px; margin-top: 5px; }
 th { background:#cfcfcf; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: center; color: #232323; }
 table, th, td { -moz-border-radius: 4px; }
 th a { /*background:#f2f2f2;*/ display: block; padding: 2px 4px; text-decoration: none; color: #232323; }
 th a:hover { color: #fff; text-decoration: none; }
 td { padding: 0px 4px; vertical-align: top; }
 table td.input { text-align: left; }
 /* ตารางที่ใช้แสดงข้อมูล */ table.data { background: #fff; border:1px solid #ccc; border-right:0; color: #333; }
 table th, table tfoot td { background-image: url(../img/style/th.gif); }
 table th a:hover { background-image: url(../img/style/th_hover.gif); }
 table.data tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 5px; vertical-align: top; /*width: auto;*/ }
 table.data tr.altrow td { background: #f4f4f4; }
 table.data tr td.actions { text-align: center; white-space: nowrap; font-size: 50%; }
 table.data tr td.actions a { margin: 0px 6px; }
 table.data tfoot tr td { font-weight: bold; }
 input.display { text-align: right; width: 30px; }
 div.collapsible { color: #333; background: #f2f2f2; border:1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #fff; text-align: left; font-style: normal; border:1px solid #ccc; clear: both; margin-bottom: 10px; width: 100%; }
 div.collapsible .header{ font-weight: bold; background:#787878; padding-left: 5px; color: white; }
 div.collapsible .header:hover { background-color: teal; cursor: pointer; color: white; }
 div.collapsible .body{ background: #fdfdfd; padding: 5px 10px; }
 img { vertical-align: middle; }
 input[type=radio] ~ label { font-weight: normal; }
 .fieldset { -moz-border-radius: 4px; }
